body.body {
    display: flex;
    display: -ms-flexbox;
    min-height: 100vh;
    flex-direction: column;
    -ms-flex-direction: column;
    padding: 1em;
}

div.site_content {
}

div.stripes_body {
    flex: 1;
    -ms-flex: 1;
}

div.top_bar {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: flex-end;
    -ms-flex-pack: end;
    /**/
    padding: 0.5em;
    border-bottom: 1px solid black;
}

div.top_bar span.logo {
    flex: 1;
    -ms-flex: 1;
    padding: 0.5em;
    /* padding-right: 2em; */
}

section.navigation {
    display: inline;
}

section.navigation nav.top {
    padding: 0.5em;
    background-color: hsl(120, 0%, 86%);
}

span.menu_item {
    /* border-left: 1px solid black; */
    /* border-right: 1px solid black; */
    padding-left: 0.25em;
    padding-right: 0.25em;
    /* margin-left: 0em; */
    /* margin-right: 0em; */
    background-color: hsl(120, 0%, 90%);
}

span.menu_item a {
    text-decoration: none;
}

footer.logo {
    display: flex;
    flex-direction: row;
}

div.user_info {
    display: flex;
    display: -ms-flexbox;
    flex-direction: row;
    -ms-flex-direction: row;
    justify-content: space-between;
    -ms-flex-pack: justify;
    /**/
    padding: 0.5em;
    margin-bottom: 0.5em;
    background-color: hsl(120, 0%, 88%);
}

footer.logo span.footer_left {
    flex: 1;
}

table.form {
    margin-top: 3ex;
}

table.form td.buttons {
    padding-top: 3ex;
}

table.posts {
    border-collapse: collapse;
    margin-bottom: 2ex;
}

table.posts td {
    border: 1px solid hsl(0, 0%, 96%);
    padding: 1em;
}

ul.messages {
    border: 2px solid hsl(40, 100%, 60%);
    background-color: hsl(0, 100%, 96%)
}

p.radio {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
}
